<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta>
    <title>CSS 的简介</title>
</head>
<body>
    <a href="/example/html/lastpage.html" style="text-decoration: none">这是一个没有下划线的链接</a>
    <a href="/test/html/canvas.html"><!--  笔者 好奇的是 这么没有默认的项目路径 -->
        <img border="0" src="/test/images/cute_Panda.JPG"/>
    </a>
    <a href="http://www.w3school.com.cn/" target="_blank"> 欢迎来到深圳 </a>  <!-- 下面的这行会再新的窗口中打开文档-->
    <a name="tips">基本的注意事项 - 有用的提示</a>
    <a href="#tips">有用的提示</a>
    <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
    <p>
        <a href="#C4">查看 Chapter 4。</a>
    </p>

    <!-- 章节较多的时候 使用这些跳转-->
    <h2>Chapter 1</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 2</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 3</h2>
    <p>This chapter explains ba bla bla</p>

    <h2><a name="C4">Chapter 4</a></h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 5</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 6</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 7</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 8</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 9</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 10</h2>
    <p>This chapter explains ba bla bla</p>

    <h2>Chapter 11</h2>
    <p>This chapter explains ba bla bla</p>

    <p>被锁在框架中了吗?</p>
    <a href="/test/html/canvas.html" target="_top">请点击这里</a>

    <p>
        这是邮件链接:
        <a href="mailto:1157013577@qq.com?subject=Hello%20again">发送邮件</a>
    </p>
    <p>
        这是另一个 mailto 链接：
        <a href="mailto:someone@microsoft.com?
        cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&
        subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件！</a>
    </p>
    <p>
        <b>注意：</b>应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
        这里的邮件默认没法选择附件。
    </p>


</body>
</html>